/** @jsxImportSource @emotion/react */
import * as React from "react";
import {CCell, RCell, Table, TableBody, TableRow,} from "customize-easy-ui-component";
import {AttentionPoint} from "../../common/rarelyVary";


/**封面概要；
 * */
export const 首页设备概况Tank= ({theme, orc, rep } :{theme: any, orc:any, rep:any}
) => {
  return <Table fixed={ ["20%","%"] }  css={ {borderCollapse: 'collapse'} }>
    <TableBody rheight={40}>
      <TableRow>
        <RCell css={{border:'none'}}>使用单位：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.使用单位 || '／'}</CCell>
      </TableRow>
      <TableRow >
        <RCell css={{border:'none'}}>罐车名称：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc?.设备名称 || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>罐车牌号：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.上路号牌 || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>盛装介质：</RCell>
        <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.盛装介质 || '／'}</CCell>
      </TableRow>
      <TableRow>
        <RCell css={{border:'none'}}>检验日期：</RCell>
        {orc.检验日期1? <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.检验日期1} 至 {orc.检验日期}</CCell>
            :
            <CCell css={{border:'none',borderBottom:`1px dashed`}}>{orc.检验日期}</CCell>
        }
      </TableRow>
    </TableBody>
  </Table>;
};

export const 注意事项Tank= ({comply, rep} :{comply: any, rep: any}
) => {
  //中间组件只带了第一行的内容 1．本报告{comply}。<br/>  参数telurl：是否显示报检方式；最后一行跟随的！
  return <AttentionPoint rep={rep} comply={comply} telurl >
    2．本报告书一式二份，由检验单位和使用单位分别保存。<br/>
    3．本报告书或复制报告书无本检验机构的“检验专用章”无效。<br/>
    4．本报告书涂改无效。<br/>
    5．使用单位对检验结论有异议，应在收到检验报告书之日起15日内，以书面形式向检验机构提出。<br/>
    6．使用单位应于下次检验日期届满前1个月向检验机构提出检验申请。<br/>
    7．有关检验检测数据未经允许，使用单位不得擅自向社会发布信息。<br/>
    8．
  </AttentionPoint>;
};
